<template>
  <div>
    <banner />
    <List :list="list" />
    <Header />
    <div class="content"></div>
  </div>
</template>

<script>
import banner from "@/pages/detail/components/banner";
import List from "@/pages/detail/components/list";
import Header from "@/pages/detail/components/header";
export default {
  name: "",
  components: {
    banner,
    List,
    Header,
  },
  props: [],
  data() {
    return {
      list: [
        {
          title: "成人票",
          children: [
            {
              title: "成人三馆联票",
              children: [
                {
                  title: "成人三馆联票",
                },
              ],
            },
            {
              title: "成人三馆联票",
            },
          ],
        },
        { title: "学生票" },
        { title: "儿童票" },
        { title: "特惠票" },
      ],
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style lang='stylus' scoped>
.content {
  height: 50rem;
}
</style>
